;
(function() {
  // getProduct(function(arr) {
  //   method.getProjectNumber(arr)
  // }, function(arr) {}, function(arr) {})

  if(!window.lySpace) window.lySpace = {}

  window.lySpace.getRzUnitChart = {
    getProjectNumber: function(projectIds,type) {
      var self = this
      hlhttp.get({
        url: 'project/unit_count3',
        data: { project_ids: projectIds },
        success: function(res) {
          var arr = [];
          var projectUnitTotalAcreage = res.projectUnitTotalAcreage;
          // 面积
          if (!res) {
            $('.project-chart1-bb').hide()
          }

          if(type == '合同面积'){
            arr = [
              ['已缴费入驻', Number(res.unitRentAcreage)],
              ['未缴费入驻', Number(res.unitNotRentAcreage)],
              ['实时自用 ', Number(res.zyUnitAcreage)],
              ['其他单元', Number(res.etUnitAcreage)],
            ]
          }
          if(type == '单元面积'){
            arr = [
              ['已缴费入驻', Number(res.unitRentAcreage)],
              ['未缴费入驻', Number(res.unitNotRentAcreage)],
              ['实时自用 ', Number(res.zyUnitAcreage)],
              ['其他单元', Number(res.etUnitAcreage)],
            ]
          }
          if(type == '单元数量'){
            arr = [
              ['已缴费入驻', Number(res.unitRentAcreage)],
              ['未缴费入驻', Number(res.unitNotRentAcreage)],
              ['实时自用 ', Number(res.zyUnitAcreage)],
              ['其他单元', Number(res.etUnitAcreage)],
            ]
          }

          self.chart(arr,projectUnitTotalAcreage,type)

          //  数量
          // $('.rz-unit li').unbind().on('click', function () {
          //   $(this).addClass('active').siblings().removeClass('active')
          //   if ($(this).text() == '合同面积') {
          //       arr = [
          //         ['已缴费入驻', Number(res.unitRentAcreage)],
          //         ['未缴费入驻', Number(res.unitNotRentAcreage)],
          //         ['实时自用 ', Number(res.zyUnitAcreage)],
          //         ['其他单元', Number(res.etUnitAcreage)],
          //       ]
          //       method.chart(arr,projectUnitTotalAcreage,'合同面积')
          //   }
          //   if ($(this).text() == '单元面积') {
          //       arr = [
          //         ['已缴费入驻', Number(res.unitRentAcreage)],
          //         ['未缴费入驻', Number(res.unitNotRentAcreage)],
          //         ['实时自用 ', Number(res.zyUnitAcreage)],
          //         ['其他单元', Number(res.etUnitAcreage)],
          //       ]
          //       method.chart(arr,projectUnitTotalAcreage,'单元面积')
          //   }
          //   if ($(this).text() == '单元数量') {
          //     arr = [
          //       ['已缴费入驻', Number(res.unitRentAcreage)],
          //       ['未缴费入驻', Number(res.unitNotRentAcreage)],
          //       ['实时自用 ', Number(res.zyUnitAcreage)],
          //       ['其他单元', Number(res.etUnitAcreage)],
          //     ]
          //     method.chart(arr,projectUnitTotalAcreage,'单元数量')
          //   }
          // })
          //
          // $($('.rz-unit li')[0]).click()
        }
      })
    },
    chart: function (data,totalAcreage,text) {
      var count = 0 , dw = null , title = null ;

      if (text == '合同面积'){
        data.forEach((el,i) => count += el[1] )
        dw = 'm²'
        title = '单元总数(m²)';
        count = hlNumberUtil.formatNum(count);
      }
      if (text == '单元面积'){
        data.forEach((el,i) => count += el[1] )
        dw = 'm²'
        title = '单元总数(m²)';
        count = hlNumberUtil.formatNum(count);
      }
      if(text == '单元数量'){
        data.forEach((el,i) => count += el[1] )
        dw = '个'

        title = '单元总数(个)'
      }

      var options = {
        colors: [
          '#5E66A5',
          '#9AA2E2',
          '#C0C7FF',
          '#E1E4FF'
        ],
        title: {
            text: '<div style="color:#f7cf6a;font-size:14px;text-align:center;">' + count + '</div>' + '<br/>' + title,
            style: { fontSize: '12px' , textAlign: 'center' },
            align: 'center',
            verticalAlign: 'middle',
            useHTML:true,
            y: 10
        },
        legend:{
          enabled:true,
          itemStyle:{ color: '#333', fontWeight:'normal', fontSize:'10px' },
          symbolWidth: 8,
          symbolHeight: 8,
          symbolRadius: 8,
          itemDistance: 8,
        },
        tooltip: {
          shared: true,
          enabled: true,
          valueDecimals: 0,
          headerFormat: '<span class="font-size:14px">{point.key}</span>',
          pointFormat: text + ': {point.y:.1f}' + dw,
          borderWidth: 0,
          style: {
            fontSize: '14px'
          }
        },
        plotOptions: {
          pie: {
            dataLabels: {
              enabled: false,
              distance: -30,
              style: {
                  fontWeight: 'bold',
                  color: 'white',
                  textShadow: '0px 1px 2px black'
              }
            },
            startAngle: -120,
            endAngle: 120,
            center: ['50%', '75%'],
            showInLegend: true,
          }
        },
        series: [{
            type: 'pie',
            innerSize: '65%',
            data: data
        }]
      }
      $('.unit-rz-chart').highcharts(options)
    }
  }
}())
